<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>后代选择器</title>
		<style>
			.parent {
				width: 500px;
				height: 300px;
				background-color: #ADFF2F;
			}
			
			.parent-1 {
				width: 500px;
				height: 300px;
				background-color: tomato;
			}
			
			.parent .child {
				margin-left: 200px;
			}
		</style>
	</head>

	<body>
		<div class="parent">
			<div class="child">
                parent   ----> child
			</div>
		</div>
		<div class="parent-1">
			<div class="child">
                parent-1   ----> child
			</div>
		</div>

	</body>

</html>